<template>
  <transition name="el-zoom-in-center">
    <div class="cu-preview-main records">
      <div class="cu-common-page-header">
        <el-page-header @back="goBack" :content="'变更记录'" />
      </div>
      <custom-table v-loading="loading" :data="list" :hasNO="false">
        <el-table-column prop="createTime" label="变更时间" align="center" width="140" :formatter="custom.tableDateTimeFormat" />
        <el-table-column prop="type" label="变更类型" align="center" width="140">
          <template slot-scope="scope">
            <span v-if="scope.row.type == 'Change'">信息变更</span>
            <span v-else-if="scope.row.type == 'SyncJiaxiao'">同步家校</span>
          </template>
        </el-table-column>
        <el-table-column prop="description" label="变更项目" align="center"></el-table-column>
        <el-table-column prop="newValue" label="变更后信息" align="center"></el-table-column>
        <el-table-column prop="oldValue" label="变更前信息" align="center" />
        <el-table-column prop="createUserName" label="操作人员" align="center" width="120" />
      </custom-table>
      <pagination :total="total" :page.sync="listQuery.currentPage" :limit.sync="listQuery.pageSize" @pagination="getData" />
    </div>
  </transition>
</template>
<script>
export { default } from './index.js'
</script>
<style scoped>
.el-time-spinner__wrapper {
  width: 100% !important;
}
/* @import url(index.scss); */
</style>
